<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>数据的双向绑定</title>
        <script text="text/javascript" src="../js/vue.js"></script>
    </head>
    <body>
        <div id="first">
            <h1>{{name}}</h1>
            <input type="text" v-bind:value="input"></br>
            <input type="text" v-bind:value="input2"></br>
            <input type="text" :value="input2">
        </div>
    </body>
    <script text="text/javascript">
        const vm = new Vue({
            el:'#first',
            data:{
                name:'数据的双向绑定',
                input:'输入',
                input2:'输入2',

            }
        })
        console.log(vm)
    </script>
</html>